<!DOCTYPE html>
<html lang="en">
<head>
{#    {% load staticfiles %}#}
    <meta charset="UTF-8">
    <title>故障报警</title>
    <script src="../../static/js/jquery.js"></script>
	<script src="../../static/js/echarts.min.js"></script>
	<script src="../../static/js/proj-function.js"></script>
	<script src="../../static/js/heard.js"></script>
    <script src="../../static/js/adddate.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/css/all-set.css">
    <script type="text/javascript">
    	snap_list = {{snap_list|safe}};
    </script>
</head>
<body>
<div class="public">
	<div class="public_heard">
		<a id="link_to_device" href="/index/get_latest_monitor_data/?page_id=1&page_rows=20">设备监控</a>
		<a id="link_to_alarm" href='/index/get_alarm_list/?device_node_id=1&rows=20&start=now'>报警查询</a>
		<a id="link_to_history" href='/index/get_history_records/?device_node_id=1&rows=20'>历史数据</a>
		<a id="link_to_setting" href='#'>系统设置</a>
		<a id="link_to_user_setting" href="#">用户设置</a>
	</div>

<div  class="public_body">
    <div class="public_table">
{#		<img src="../../static/img/eg_table.png">#}
		<table id="table_alarm_list">
		   <tr>
		        <th>快照ID</th>
			    <th>设备ID</th>
				<th>设备通道</th>
		    	<th>快照时间</th>
			    <th>快照内容</th>
			    <th>快照类型</th>
			    <th>处理方式</th>
		    </tr>

{#		    {% for snapshot in snap_list %}#}
{#		        <tr class="item_list">#}
{#					<td class="item_list_item">{{ snapshot.id }}</td>#}
{#					<td class="item_list_item">{{ snapshot.device_node_id }}</td>#}
{#					<td class="item_list_item">{{ snapshot.name }}</td>#}
{#					<td class="item_list_item">{{ snapshot.start_time }}</td>#}
{#					<td class="item_list_item">{{ snapshot.mark }}</td>#}
{#					<td class="item_list_item">{{ snapshot.type }}</td>#}
{#					<td class="item_list_item">{{ snapshot.level }}</td>#}
{#		        </tr>#}
{#			{% endfor %}#}
		</table>
    </div>

    <div class="from_paging">
        <form id="serach_alarm_form" action="alarm.html" method="GET">
            <span>按日期查找</span>
            <input type="text" id="serach_alarm_input" readonly onclick="SelectDate(this)" name="start">
            <input type="button"  class="btn" id="serach_alarm_btn"  value="查找" onclick="serachPage()">
            <input type="button"   class="btn" id="next_page"  value="下一页" onclick="nextPage()">
            <br>      
        </form>
    </div>
    <div class="alarm_mark">
    	<input type="text" id ="alarm_mark_input" name="mark" value="故障确认" style="width: 80%">
    	<input type="button" class="btn" id="alarm_mark_btn" value="提交" onclick="alarmMark()">
    </div>

	<div class="charts">
    <script src="../../static/js/alarm.js"></script>
    </div>
</div>
</div>
</body>
</html>